<div id="colorSelected" style="height: 20px; width=200px;"></div>
<div id="colorSelector"></div>

<script type="text/javascript">
	//Init color picker
	// TODO: load the initial color from the settings
	$('#colorSelector').ColorPicker({
		flat : true,
		color : '#ffffff',
		onShow : function(colpkr) {
			$(colpkr).fadeIn(500);
			return false;
		},
		onHide : function(colpkr) {
			$(colpkr).fadeOut(500);
			return false;
		},
		onChange : function(hsb, hex, rgb) {
			$('#colorSelected').css('background-color', '#' + hex);
		}
	});
	
	$('#colorSelected').css('background-color', '#ffffff');

	//$('#colorSelector').toggle();
</script>